/*
 * @Overview:   layout
 * @Author:     Zi_Jun
 * @Email:      zijun2030@163.com
 * @Date:       2020/12/4 18:54
 * @Mark:       //
 */

html, body, #app {
  height: 100%;
}

#app {
  background: url("../assets/svg/background.svg") no-repeat 100% 100%;
  background-size: cover;
  font-size: 14px;
  color: $color-3;
}

.flex1 {
  flex: 1;
}

.flex {
  display: flex;
}

.flex-y {
  display: flex;
  flex-direction: column;
}

.flex-x-center {
  display: flex;
  justify-content: center;
}

.flex-x-between {
  display: flex;
  justify-content: space-between;
}

.flex-x-around {
  display: flex;
  justify-content: space-around;
}

.flex-x-evenly {
  display: flex;
  justify-content: space-evenly;
}

.flex-y-center {
  align-items: center;
}

.flex-y-start {
  align-items: flex-start;
}

.flex-y-end {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-y-y-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.theme-color {
  color: #e16531;
}